<template>
<Tabs size="small">
	<TabPane label="退款/售后记录">
		<table class="minitable" long>
			<tr text-left>
				<th>订单号</th>
				<th>退款时间</th>
				<th>退款金额</th>
				<th>退款说明</th>
			</tr>
			<tr v-for="(item, index) in items" :key="index">
				<td>{{item.orderNumber}}</td>
				<td>{{formatTimeStr(item.creationTime)}}</td>
				<td>{{item.refundAmount}}</td>
				<td>{{item.description}}</td>
			</tr>
		</table>
	</TabPane>
	<TabPane label="退款/售后说明">
	</TabPane>
</Tabs>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop,Watch } from 'vue-property-decorator';
import AbpBase from '../../lib/abpbase'

@Component
export default class MemberRefund extends AbpBase{
	get items() {
		return this.$store.state.self.refunds;
	}
	async getData() {
		await this.$store.dispatch('self/getRefunds');
	}
	async created() {
		await this.getData();
	}
}
</script>
